<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<title></title>
<style type="text/css">
    <!--code { font-family: Courier New, Courier; font-size: 10pt; margin: 0px; }-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head><body>
<div align="left" class="java">
    <table border="0" cellpadding="3" cellspacing="0" bgcolor="#ffffff">
        <tr>
            <td nowrap="nowrap" valign="top" align="left">
                <code>
                    <font color="#3f7f5f">/*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;DO&nbsp;NOT&nbsp;ALTER&nbsp;OR&nbsp;REMOVE&nbsp;COPYRIGHT&nbsp;NOTICES&nbsp;OR&nbsp;THIS&nbsp;FILE&nbsp;HEADER</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;Copyright&nbsp;2009&nbsp;Sun&nbsp;Microsystems,&nbsp;Inc.&nbsp;All&nbsp;rights&nbsp;reserved.&nbsp;Use&nbsp;is&nbsp;subject&nbsp;to&nbsp;license&nbsp;terms.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;This&nbsp;file&nbsp;is&nbsp;available&nbsp;and&nbsp;licensed&nbsp;under&nbsp;the&nbsp;following&nbsp;license:</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;Redistribution&nbsp;and&nbsp;use&nbsp;in&nbsp;source&nbsp;and&nbsp;binary&nbsp;forms,&nbsp;with&nbsp;or&nbsp;without</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;modification,&nbsp;are&nbsp;permitted&nbsp;provided&nbsp;that&nbsp;the&nbsp;following&nbsp;conditions&nbsp;are&nbsp;met:</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;*&nbsp;Redistributions&nbsp;of&nbsp;source&nbsp;code&nbsp;must&nbsp;retain&nbsp;the&nbsp;above&nbsp;copyright&nbsp;notice,</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this&nbsp;list&nbsp;of&nbsp;conditions&nbsp;and&nbsp;the&nbsp;following&nbsp;disclaimer.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;*&nbsp;Redistributions&nbsp;in&nbsp;binary&nbsp;form&nbsp;must&nbsp;reproduce&nbsp;the&nbsp;above&nbsp;copyright&nbsp;notice,</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this&nbsp;list&nbsp;of&nbsp;conditions&nbsp;and&nbsp;the&nbsp;following&nbsp;disclaimer&nbsp;in&nbsp;the&nbsp;documentation</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and/or&nbsp;other&nbsp;materials&nbsp;provided&nbsp;with&nbsp;the&nbsp;distribution.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;*&nbsp;Neither&nbsp;the&nbsp;name&nbsp;of&nbsp;Sun&nbsp;Microsystems&nbsp;nor&nbsp;the&nbsp;names&nbsp;of&nbsp;its&nbsp;contributors</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;may&nbsp;be&nbsp;used&nbsp;to&nbsp;endorse&nbsp;or&nbsp;promote&nbsp;products&nbsp;derived&nbsp;from&nbsp;this&nbsp;software</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;without&nbsp;specific&nbsp;prior&nbsp;written&nbsp;permission.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;THIS&nbsp;SOFTWARE&nbsp;IS&nbsp;PROVIDED&nbsp;BY&nbsp;THE&nbsp;COPYRIGHT&nbsp;HOLDERS&nbsp;AND&nbsp;CONTRIBUTORS&nbsp;&#34;AS&nbsp;IS&#34;&nbsp;AND</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;ANY&nbsp;EXPRESS&nbsp;OR&nbsp;IMPLIED&nbsp;WARRANTIES,&nbsp;INCLUDING,&nbsp;BUT&nbsp;NOT&nbsp;LIMITED&nbsp;TO,&nbsp;THE&nbsp;IMPLIED</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;WARRANTIES&nbsp;OF&nbsp;MERCHANTABILITY&nbsp;AND&nbsp;FITNESS&nbsp;FOR&nbsp;A&nbsp;PARTICULAR&nbsp;PURPOSE&nbsp;ARE</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;DISCLAIMED.&nbsp;IN&nbsp;NO&nbsp;EVENT&nbsp;SHALL&nbsp;THE&nbsp;COPYRIGHT&nbsp;OWNER&nbsp;OR&nbsp;CONTRIBUTORS&nbsp;BE&nbsp;LIABLE&nbsp;FOR</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;ANY&nbsp;DIRECT,&nbsp;INDIRECT,&nbsp;INCIDENTAL,&nbsp;SPECIAL,&nbsp;EXEMPLARY,&nbsp;OR&nbsp;CONSEQUENTIAL&nbsp;DAMAGES</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;(INCLUDING,&nbsp;BUT&nbsp;NOT&nbsp;LIMITED&nbsp;TO,&nbsp;PROCUREMENT&nbsp;OF&nbsp;SUBSTITUTE&nbsp;GOODS&nbsp;OR&nbsp;SERVICES;</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;LOSS&nbsp;OF&nbsp;USE,&nbsp;DATA,&nbsp;OR&nbsp;PROFITS;&nbsp;OR&nbsp;BUSINESS&nbsp;INTERRUPTION)&nbsp;HOWEVER&nbsp;CAUSED&nbsp;AND&nbsp;ON</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;ANY&nbsp;THEORY&nbsp;OF&nbsp;LIABILITY,&nbsp;WHETHER&nbsp;IN&nbsp;CONTRACT,&nbsp;STRICT&nbsp;LIABILITY,&nbsp;OR&nbsp;TORT</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;(INCLUDING&nbsp;NEGLIGENCE&nbsp;OR&nbsp;OTHERWISE)&nbsp;ARISING&nbsp;IN&nbsp;ANY&nbsp;WAY&nbsp;OUT&nbsp;OF&nbsp;THE&nbsp;USE&nbsp;OF&nbsp;THIS</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;SOFTWARE,&nbsp;EVEN&nbsp;IF&nbsp;ADVISED&nbsp;OF&nbsp;THE&nbsp;POSSIBILITY&nbsp;OF&nbsp;SUCH&nbsp;DAMAGE.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*/</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#7f0055"><b>package&nbsp;</b></font><font color="#000000">combobox;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.paint.Color;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.paint.LinearGradient;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.paint.Stop;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.ClosePath;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.LineTo;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.MoveTo;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.Path;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.Rectangle;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.text.Font;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.Group;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.control.ListView;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.Line;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.control.Skin;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.input.KeyCode;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.control.Label;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.layout.LayoutInfo;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.layout.HBox;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.animation.Interpolator;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.animation.KeyFrame;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.animation.Timeline;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.control.Behavior;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.input.KeyEvent;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#3f5fbf">/**</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f5fbf">*&nbsp;</font><font color="#7f9fbf">@author&nbsp;</font><font color="#3f5fbf">Rakesh&nbsp;Menon</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f5fbf">*/</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#7f0055"><b>public&nbsp;class&nbsp;</b></font><font color="#000000">ComboBoxSkin&nbsp;</font><font color="#7f0055"><b>extends&nbsp;</b></font><font color="#000000">Skin&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;buttonTop&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#62778a&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;buttonBottom&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#253a4d&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;buttonFillTop&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#f6f8fa&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;buttonFillCenter&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#a8bcce&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;buttonFillBottom&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#bbd0e3&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;borderTop&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#95989E&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;borderBottom&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#585B61&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;textBG&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#dddfe5&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;focusBorder&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#0093ff&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;var&nbsp;behavior&nbsp;=&nbsp;ComboBoxBehavior&nbsp;</font><font color="#000000">{&nbsp;}</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;buttonWidth&nbsp;=&nbsp;</font><font color="#990000">20.0</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;listY&nbsp;=&nbsp;</font><font color="#990000">0.0</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;timeline&nbsp;:&nbsp;Timeline&nbsp;=&nbsp;Timeline&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">keyFrames:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">KeyFrame&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">time:&nbsp;</font><font color="#990000">0</font><font color="#000000">s</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">canSkip:&nbsp;</font><font color="#7f0055"><b>true</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">values:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">listY&nbsp;=&gt;&nbsp;</font><font color="#000000">(</font><font color="#000000">node.localToScene</font><font color="#000000">(</font><font color="#000000">node.boundsInLocal</font><font color="#000000">)</font><font color="#000000">.maxY</font><font color="#000000">)&nbsp;</font><font color="#000000">-&nbsp;</font><font color="#990000">120</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">action:&nbsp;function</font><font color="#000000">()&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">list.visible&nbsp;=&nbsp;</font><font color="#000000">(</font><font color="#000000">timeline.rate&nbsp;==&nbsp;</font><font color="#990000">1</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">KeyFrame&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">time:&nbsp;</font><font color="#990000">200</font><font color="#000000">ms</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">canSkip:&nbsp;</font><font color="#7f0055"><b>true</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">values:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">listY&nbsp;=&gt;&nbsp;</font><font color="#000000">(</font><font color="#000000">node.localToScene</font><font color="#000000">(</font><font color="#000000">node.boundsInLocal</font><font color="#000000">)</font><font color="#000000">.maxY</font><font color="#000000">)&nbsp;</font><font color="#000000">+&nbsp;</font><font color="#990000">2&nbsp;</font><font color="#000000">tween&nbsp;Interpolator.EASEOUT</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public&nbsp;</b></font><font color="#000000">var&nbsp;showPopup&nbsp;=&nbsp;</font><font color="#7f0055"><b>false&nbsp;</b></font><font color="#000000">on&nbsp;replace&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">showPopup</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.rate&nbsp;=&nbsp;</font><font color="#990000">1</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.playFromStart</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">list.visible&nbsp;=&nbsp;</font><font color="#7f0055"><b>true</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">listView.requestFocus</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#7f0055"><b>else&nbsp;if</b></font><font color="#000000">(</font><font color="#000000">timeline.running</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.stop</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">listY&nbsp;=&nbsp;</font><font color="#000000">(</font><font color="#000000">node.localToScene</font><font color="#000000">(</font><font color="#000000">node.boundsInLocal</font><font color="#000000">)</font><font color="#000000">.maxY</font><font color="#000000">)&nbsp;</font><font color="#000000">-&nbsp;</font><font color="#990000">120</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#7f0055"><b>else&nbsp;</b></font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.rate&nbsp;=&nbsp;-</font><font color="#990000">1</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.time&nbsp;=&nbsp;</font><font color="#990000">200</font><font color="#000000">ms;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.play</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public</b></font><font color="#000000">-read&nbsp;var&nbsp;listView&nbsp;:&nbsp;ListView&nbsp;=&nbsp;ListView&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateY:&nbsp;bind&nbsp;listY</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">items:&nbsp;bind&nbsp;</font><font color="#000000">(</font><font color="#000000">control&nbsp;as&nbsp;ComboBox</font><font color="#000000">)</font><font color="#000000">.items</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">onMouseClicked:&nbsp;function</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">showPopup&nbsp;=&nbsp;</font><font color="#7f0055"><b>false</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">control.requestFocus</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">layoutInfo:&nbsp;LayoutInfo&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;bind&nbsp;control.width&nbsp;-&nbsp;</font><font color="#990000">10</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;</font><font color="#990000">120</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public</b></font><font color="#000000">-read&nbsp;var&nbsp;list&nbsp;:&nbsp;HBox&nbsp;=&nbsp;HBox&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">visible:&nbsp;</font><font color="#7f0055"><b>false</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">content:&nbsp;</font><font color="#000000">[&nbsp;</font><font color="#000000">listView&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">blocksMouse:&nbsp;</font><font color="#7f0055"><b>true</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">clip:&nbsp;bind&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">x:&nbsp;-</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y:&nbsp;bind&nbsp;node.localToScene</font><font color="#000000">(</font><font color="#000000">node.boundsInLocal</font><font color="#000000">)</font><font color="#000000">.maxY</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;bind&nbsp;control.width&nbsp;+&nbsp;</font><font color="#990000">4</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;</font><font color="#990000">124</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;listViewFocus&nbsp;=&nbsp;bind&nbsp;listView.focused&nbsp;on&nbsp;replace&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">not&nbsp;listViewFocus</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">showPopup&nbsp;=&nbsp;</font><font color="#7f0055"><b>false</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;listVisible&nbsp;=&nbsp;bind&nbsp;list.visible&nbsp;on&nbsp;replace&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">not&nbsp;listVisible</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">delete&nbsp;list&nbsp;from&nbsp;list.scene.content;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;text&nbsp;:&nbsp;Label&nbsp;=&nbsp;Label&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">font&nbsp;:&nbsp;Font&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">size&nbsp;:&nbsp;</font><font color="#990000">12&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">text:&nbsp;bind&nbsp;</font><font color="#2a00ff">&#34;{listView.selectedItem}&#34;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;bind&nbsp;control.width&nbsp;-&nbsp;buttonWidth&nbsp;-&nbsp;</font><font color="#990000">8</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateX:&nbsp;</font><font color="#990000">8</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateY:&nbsp;bind&nbsp;</font><font color="#000000">(</font><font color="#000000">control.height&nbsp;-&nbsp;text.boundsInLocal.height</font><font color="#000000">)</font><font color="#000000">/</font><font color="#990000">2.0</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;buttonBGRect&nbsp;:&nbsp;Rectangle&nbsp;=&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">x:&nbsp;bind&nbsp;borderBGRect.width&nbsp;-&nbsp;buttonWidth&nbsp;+&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;buttonWidth</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;bind&nbsp;borderBGRect.height</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">arcWidth:&nbsp;</font><font color="#990000">10</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">arcHeight:&nbsp;</font><font color="#990000">10</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">fill:&nbsp;LinearGradient&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">startX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;startY:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endY:&nbsp;</font><font color="#990000">1.0</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">proportional:&nbsp;</font><font color="#7f0055"><b>true</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stops:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.0&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">buttonFillTop</font><font color="#000000">)&nbsp;}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.3&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">buttonFillCenter</font><font color="#000000">)&nbsp;}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.7&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">buttonFillBottom</font><font color="#000000">)&nbsp;}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">strokeWidth:&nbsp;</font><font color="#990000">1.5</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stroke:&nbsp;LinearGradient&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">startX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;startY:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endY:&nbsp;</font><font color="#990000">1.0</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">proportional:&nbsp;</font><font color="#7f0055"><b>true</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stops:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.0&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">buttonTop</font><font color="#000000">)&nbsp;}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">1.0&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">buttonBottom</font><font color="#000000">)&nbsp;}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">clip:&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">x:&nbsp;bind&nbsp;buttonBGRect.x&nbsp;+&nbsp;</font><font color="#990000">3</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;bind&nbsp;buttonWidth</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;bind&nbsp;buttonBGRect.height</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;borderLine&nbsp;=&nbsp;Line&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">startX:&nbsp;bind&nbsp;buttonBGRect.x&nbsp;+&nbsp;</font><font color="#990000">3</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">startY:&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">endX:&nbsp;bind&nbsp;buttonBGRect.x&nbsp;+&nbsp;</font><font color="#990000">3</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">endY:&nbsp;bind&nbsp;buttonBGRect.height</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">strokeWidth:&nbsp;</font><font color="#990000">1.5</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stroke:&nbsp;bind&nbsp;buttonBGRect.stroke</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;borderBGRect&nbsp;=&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">x:&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;bind&nbsp;control.width&nbsp;-&nbsp;</font><font color="#990000">4</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;bind&nbsp;control.height&nbsp;-&nbsp;</font><font color="#990000">4</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">arcWidth:&nbsp;</font><font color="#990000">10</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">arcHeight:&nbsp;</font><font color="#990000">10</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">strokeWidth:&nbsp;</font><font color="#990000">1.5</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stroke:&nbsp;LinearGradient&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">startX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;startY:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endY:&nbsp;</font><font color="#990000">1.0</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">proportional:&nbsp;</font><font color="#7f0055"><b>true</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stops:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.0&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">borderTop</font><font color="#000000">)&nbsp;}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">1.0&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">borderBottom</font><font color="#000000">)&nbsp;}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">fill:&nbsp;LinearGradient&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">startX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;startY:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endX:&nbsp;</font><font color="#990000">0.0</font><font color="#000000">,&nbsp;endY:&nbsp;</font><font color="#990000">1.0</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">proportional:&nbsp;</font><font color="#7f0055"><b>true</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stops:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.0&nbsp;</font><font color="#000000">color:&nbsp;Color.WHITE&nbsp;</font><font color="#000000">}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.3&nbsp;</font><font color="#000000">color:&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">textBG</font><font color="#000000">)&nbsp;}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Stop&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">offset:&nbsp;</font><font color="#990000">0.7&nbsp;</font><font color="#000000">color:&nbsp;Color.WHITE&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;focusBorderColor&nbsp;=&nbsp;Color.web</font><font color="#000000">(</font><font color="#000000">focusBorder</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;focusRect&nbsp;=&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;bind&nbsp;control.width</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;bind&nbsp;control.height</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">arcWidth:&nbsp;</font><font color="#990000">10</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">arcHeight:&nbsp;</font><font color="#990000">10</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">fill:&nbsp;bind&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">control.focused&nbsp;or&nbsp;listView.focused</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">focusBorderColor</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#7f0055"><b>else&nbsp;</b></font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Color.TRANSPARENT</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;arrow&nbsp;:&nbsp;Path&nbsp;=&nbsp;Path&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateX:&nbsp;bind&nbsp;buttonBGRect.x&nbsp;+&nbsp;</font><font color="#990000">6</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateY:&nbsp;bind&nbsp;</font><font color="#000000">(</font><font color="#000000">control.height&nbsp;-&nbsp;arrow.boundsInLocal.height</font><font color="#000000">)</font><font color="#000000">/</font><font color="#990000">2.0&nbsp;</font><font color="#000000">+&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">elements:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">MoveTo&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">x:&nbsp;</font><font color="#990000">0.0&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">0.0&nbsp;</font><font color="#000000">}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">LineTo&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">x:&nbsp;bind&nbsp;</font><font color="#000000">(</font><font color="#000000">buttonBGRect.width&nbsp;-&nbsp;</font><font color="#990000">10</font><font color="#000000">)&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">0.0&nbsp;</font><font color="#000000">}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">LineTo&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">x:&nbsp;bind&nbsp;</font><font color="#000000">(</font><font color="#000000">buttonBGRect.width&nbsp;-&nbsp;</font><font color="#990000">10</font><font color="#000000">)</font><font color="#000000">/</font><font color="#990000">2.0&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">6&nbsp;</font><font color="#000000">}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">ClosePath&nbsp;</font><font color="#000000">{&nbsp;}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">strokeWidth:&nbsp;</font><font color="#990000">1.0</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">fill:&nbsp;Color.BLACK</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stroke:&nbsp;Color.web</font><font color="#000000">(</font><font color="#2a00ff">&#34;#9B9B9B&#34;</font><font color="#000000">)</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;function&nbsp;intersects</font><font color="#000000">(</font><font color="#000000">x,&nbsp;y,&nbsp;w,&nbsp;h</font><font color="#000000">)&nbsp;</font><font color="#000000">:&nbsp;Boolean&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return&nbsp;</b></font><font color="#000000">node.intersects</font><font color="#000000">(</font><font color="#000000">x,&nbsp;y,&nbsp;w,&nbsp;h</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;function&nbsp;contains</font><font color="#000000">(</font><font color="#000000">x,&nbsp;y</font><font color="#000000">)&nbsp;</font><font color="#000000">:&nbsp;Boolean&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return&nbsp;</b></font><font color="#000000">node.contains</font><font color="#000000">(</font><font color="#000000">x,&nbsp;y</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">init&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">node&nbsp;=&nbsp;Group&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">content:&nbsp;</font><font color="#000000">[&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">focusRect,&nbsp;borderBGRect,&nbsp;text,&nbsp;buttonBGRect,&nbsp;borderLine,&nbsp;arrow</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">focusTraversable:&nbsp;</font><font color="#7f0055"><b>false</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">control.onMousePressed&nbsp;=&nbsp;function</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;x&nbsp;=&nbsp;e.sceneX&nbsp;-&nbsp;e.x;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;y&nbsp;=&nbsp;e.sceneY&nbsp;-&nbsp;e.y&nbsp;+&nbsp;node.boundsInLocal.height;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;visible&nbsp;=&nbsp;not&nbsp;showPopup;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">show</font><font color="#000000">(</font><font color="#000000">x,&nbsp;y,&nbsp;visible</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f5fbf">/**</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f5fbf">*&nbsp;Redirect&nbsp;key&nbsp;events&nbsp;on&nbsp;ListView&nbsp;to&nbsp;Control</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f5fbf">*/</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">listView.onKeyPressed&nbsp;=&nbsp;function</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_ENTER</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">list.visible&nbsp;=&nbsp;</font><font color="#7f0055"><b>false</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">control.requestFocus</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#7f0055"><b>else&nbsp;if</b></font><font color="#000000">(</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_ESCAPE</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">show</font><font color="#000000">(</font><font color="#990000">0</font><font color="#000000">,&nbsp;</font><font color="#990000">0</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>false</b></font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#7f0055"><b>else&nbsp;if</b></font><font color="#000000">(</font><font color="#000000">not&nbsp;</font><font color="#000000">((</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_UP</font><font color="#000000">)&nbsp;</font><font color="#000000">or&nbsp;</font><font color="#000000">(</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_DOWN</font><font color="#000000">)))&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">control.onKeyPressed</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">listView.onKeyReleased&nbsp;=&nbsp;function</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">not&nbsp;</font><font color="#000000">((</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_UP</font><font color="#000000">)&nbsp;</font><font color="#000000">or&nbsp;</font><font color="#000000">(</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_DOWN</font><font color="#000000">)))&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">control.onKeyReleased</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">listView.onKeyTyped&nbsp;=&nbsp;function</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">control.onKeyTyped</font><font color="#000000">(</font><font color="#000000">e</font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">function&nbsp;show</font><font color="#000000">(</font><font color="#000000">x&nbsp;:&nbsp;Number,&nbsp;y&nbsp;:&nbsp;Number,&nbsp;visible&nbsp;:&nbsp;Boolean</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">not&nbsp;visible</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">showPopup&nbsp;=&nbsp;</font><font color="#7f0055"><b>false</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">control.requestFocus</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#3f7f5f">//&nbsp;Ensure&nbsp;that&nbsp;we&nbsp;are&nbsp;not&nbsp;adding&nbsp;twice</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">delete&nbsp;list&nbsp;from&nbsp;node.scene.content;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">insert&nbsp;list&nbsp;into&nbsp;node.scene.content;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">list.translateX&nbsp;=&nbsp;x&nbsp;+&nbsp;</font><font color="#990000">4</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">showPopup&nbsp;=&nbsp;</font><font color="#7f0055"><b>true</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;</font><font color="#7f0055"><b>protected&nbsp;</b></font><font color="#000000">function&nbsp;getMinHeight</font><font color="#000000">()&nbsp;</font><font color="#000000">:&nbsp;Number&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return&nbsp;</b></font><font color="#990000">24</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;</font><font color="#7f0055"><b>protected&nbsp;</b></font><font color="#000000">function&nbsp;getMinWidth</font><font color="#000000">()&nbsp;</font><font color="#000000">:&nbsp;Number&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return&nbsp;</b></font><font color="#990000">50</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;</font><font color="#7f0055"><b>protected&nbsp;</b></font><font color="#000000">function&nbsp;getPrefHeight</font><font color="#000000">(</font><font color="#000000">width:&nbsp;Number</font><font color="#000000">)&nbsp;</font><font color="#000000">:&nbsp;Number&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return&nbsp;</b></font><font color="#990000">24</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;</font><font color="#7f0055"><b>protected&nbsp;</b></font><font color="#000000">function&nbsp;getPrefWidth</font><font color="#000000">(</font><font color="#000000">height:&nbsp;Number</font><font color="#000000">)&nbsp;</font><font color="#000000">:&nbsp;Number&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>return&nbsp;</b></font><font color="#990000">100</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#7f0055"><b>class&nbsp;</b></font><font color="#000000">ComboBoxBehavior&nbsp;</font><font color="#7f0055"><b>extends&nbsp;</b></font><font color="#000000">Behavior&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public&nbsp;</b></font><font color="#000000">override&nbsp;function&nbsp;callActionForEvent</font><font color="#000000">(</font><font color="#000000">e:&nbsp;KeyEvent</font><font color="#000000">)&nbsp;</font><font color="#000000">:&nbsp;Void&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_DOWN</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;x&nbsp;=&nbsp;node.localToScene</font><font color="#000000">(</font><font color="#000000">node.boundsInLocal</font><font color="#000000">)</font><font color="#000000">.minX&nbsp;+&nbsp;</font><font color="#990000">2</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;y&nbsp;=&nbsp;node.localToScene</font><font color="#000000">(</font><font color="#000000">node.boundsInLocal</font><font color="#000000">)</font><font color="#000000">.maxY&nbsp;+&nbsp;</font><font color="#990000">3</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">show</font><font color="#000000">(</font><font color="#000000">x,&nbsp;y,&nbsp;</font><font color="#7f0055"><b>true</b></font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#7f0055"><b>else&nbsp;if</b></font><font color="#000000">(</font><font color="#000000">e.code&nbsp;==&nbsp;KeyCode.VK_ESCAPE</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">show</font><font color="#000000">(</font><font color="#990000">0</font><font color="#000000">,&nbsp;</font><font color="#990000">0</font><font color="#000000">,&nbsp;</font><font color="#7f0055"><b>false</b></font><font color="#000000">)</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#000000">}</font>
                </code>    
            </td>
        </tr>
    </table>
</div>
</body>
</html>